<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        /* 通过id选择器为div1设置文本颜色#000000 */
        div1 {
         color: #000000;
        }

        /* 通过类选择器为div2和div3添加背景颜色coral */
      .red{

            background-color: coral;

        }

        /* 通过标签选择器为p标签文本设置大小20px */

      p{

           font-size: 20px;

        }

        /* 为设置有alt属性的图像元素设置边框效果 */

        img[alt] {

           border-width: 2px;

            border-style: solid;

        }

    </style>

</head>

<body>
<!-- 文字显示大小为20px -->
<div id="div1">div1</div>
<div class="red">div2</div>
<div class="red">div3</div>
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
<img src="image/balloon.jpg" alt="balloon" />
<img src="image/balloon.jpg" />
</body>

</html>

